<template>
	<view class="i-operatingItem">
		<view class="operatingItem_title">
			<view class="image">
				<image src="../../static/images/wx_icon.png" mode=""></image>
			</view>
			<view>张萌萌</view>
		</view>
		<view class="income_l">
			<view class="income_item">
				<text class="item_price">1391.02</text>
				<text>提成金额</text>
			</view>
			<view class="income_item">
				<text class="item_price">139</text>
				<text>核销订单</text>
			</view>
			<view class="income_item">
				<text class="item_price">139111.02</text>
				<text>核销金额</text>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import {
		defineProps,
		defineEmits
	} from 'vue'
	const props = defineProps({
		data: {
			type: Object,
			default: () => { return {} }
		},
		radius: {
			type: String,
			default: '36rpx'
		},
	})
	const emit = defineEmits(['click'])
	// const handleClick = () => {
	// 	emit('click')
	// }
</script>

<style lang="scss" scoped>
	.i-operatingItem {
		@include flexC;
		width: 100%;

		.operatingItem_title {
			@include flexR;
			@include titlefont;
			margin: 32rpx 0;

			.image {
				width: 80rpx;
				height: 80rpx;
				border-radius: 80rpx;
				margin-right: 24rpx;

				image {
					width: 80rpx;
					height: 80rpx;

				}
			}

		}

		.income_l {
			width: 100%;
			@include flexRS;
			padding-bottom: 32rpx;
			border-bottom: 1rpx solid $backColor;

			.income_item {
				@include flexC;
				@include dfont(26rpx);
				color: #A0A0AD;

				.item_price {
					@include dprice(36rpx);
					margin-bottom: 8rpx
				}
			}
		}
	}
</style>